<template>
	<view>
		<view class="pd40">
			<view class="flex center ft14 text-main">
				当前余额(元)
			</view>
			<view class="flex center mt30 ft36 ftw600">0.00</view>
			<view class="flex center mt40">
				<navigator url="/pages/member/money/recharge">
					<view class="btn-money flex center alcenter ft18 text-w ftw600">充值</view>
				</navigator>
				<navigator class="ml30" url="/pages/member/money/withdraw">
					<view class="btn-withdraw bg-w flex center alcenter ft18 text-main ftw600">提现</view>
				</navigator>
			</view>
		</view>
		<view class="mt40 unio2o-money">
			<view class="flex alcenter  pd30">
				<text class="iconfont icon_balance_des ft20"></text>
				<text class="ft18 ftw600 text-default ml20">余额明细</text>
			</view>
			<view class="line"></view>
			<view class="pd30">
				<view v-if="isEmpty == true" class="pt120 text-center">
					<image class="empty-img" :src="''"></image>
					<view class="mt40 ft16 text-notice">
						暂无余额明细
					</view>
				</view>
				<view v-else>
					<view class="pb30">
						<navigator url="/pages/member/money/detail">
							<view class="flex space">
								<view>
									<view class="ft18 text-default">余额充值</view>
									<view class="ft14 text-notice mt20">2019-09-12 12:00</view>
								</view>
								<view>
									<view class="ft18 text-default text-right ftw600">+100</view>
									<view class="ft14 text-info mt20 text-right ftw500">余额 70</view>
								</view>
							</view>
						</navigator>
						<view class="line mt30"></view>
					</view>
					<view class="pb30">
						<view class="flex space">
							<view>
								<view class="ft18 text-default">余额充值</view>
								<view class="ft14 text-notice mt20">2019-09-12 12:00</view>
							</view>
							<view>
								<view class="ft18 text-default text-right ftw600">+100</view>
								<view class="ft14 text-info mt20 text-right ftw500">余额 70</view>
							</view>
						</view>
						<view class="line mt30"></view>
					</view>
					<view class="pb30">
						<view class="flex space">
							<view>
								<view class="ft18 text-default">余额充值</view>
								<view class="ft14 text-notice mt20">2019-09-12 12:00</view>
							</view>
							<view>
								<view class="ft18 text-default text-right ftw600">+100</view>
								<view class="ft14 text-info mt20 text-right ftw500">余额 70</view>
							</view>
						</view>
						<view class="line mt30"></view>
					</view>
					<view class="pb30">
						<view class="flex space">
							<view>
								<view class="ft18 text-default">余额充值</view>
								<view class="ft14 text-notice mt20">2019-09-12 12:00</view>
							</view>
							<view>
								<view class="ft18 text-default text-right ftw600">+100</view>
								<view class="ft14 text-info mt20 text-right ftw500">余额 70</view>
							</view>
						</view>
						<view class="line mt30"></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				isEmpty:false
			}
		}
	}
</script>

<style>
	.btn-money{
		width:280rpx;
		height:96rpx;
		background:#FF6D00;
		box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,109,0,0.3);
		border-radius:48rpx;
	}
	.btn-withdraw{
		width:330rpx;
		height:96rpx;
		background:#FFFFFF;
		box-shadow:0rpx 8rpx 32rpx 0rpx rgba(0,0,0,0.08);
		border-radius:48rpx;
	}
	.unio2o-money{
		box-shadow:0rpx 8rpx 32rpx 0rpx rgba(0,0,0,0.08);
		border-radius:32rpx 32rpx 0rpx 0rpx;
		min-height: calc(100vh  - 400rpx);
		background: #FFFFFF;
	}
</style>